<template>
  <div id="app">
    <br><br><br>
    <div class="ordersucess">
      <img src="static/images/sucess.png" width="50">
      <h3>点菜成功</h3>
      <p>厨师精心烹饪中，品尝美食请耐心等待……</p>
      <br>
      <router-link to="/myorder"><div class="order-btn">查看我的菜单</div></router-link>
    </div>
  </div>  
</template>

<script>
  export default {
    name: 'ordersucess',
    data: function () {
      return {
        
      }
    }
  }
</script>

<style scoped>
  .ordersucess{
      margin: auto;
      text-align: center;
  }
  .ordersucess img{
      margin:0.75rem auto;
  }
  .ordersucess h3{
      margin-bottom:0.5rem;
      color:#35c869;
  }
  .order-btn{
      padding:0.7rem 0;
      text-align: center;
      color: #35c869;
      background: #fff;
      border:1px #35c869 solid;
      border-radius:6px;
      width: 50%;
      font-size:0.8rem;
      margin:0.75rem auto;
  }
</style>